home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000017.txt < prev    next >
Text File  |  2013-04-03  |  32KB  |  1,209 lines

  1. <!DOCTYPE HTML>
  2. <html i18n-values=".style.fontFamily: fontfamily;">
  3. <!--
  4. Copyright (c) 2012 The Chromium Authors. All rights reserved.
  5. Use of this source code is governed by a BSD-style license that can be
  6. found in the LICENSE file.
  7. -->
  8.   <head>
  9.     <!-- Don't use automatic scaling on mobile -->
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0,
  11.                                    maximum-scale=1.0, user-scalable=no">
  12.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  13.  * Use of this source code is governed by a BSD-style license that can be
  14.  * found in the LICENSE file.
  15.  */
  16.  
  17. /* Only common styles should be declared here. */
  18.  
  19. * {
  20.   -moz-box-sizing: border-box;
  21.   box-sizing: border-box;
  22. }
  23.  
  24. ul {
  25.   padding-left: 2em;
  26. }
  27.  
  28. /* This class is used to create the splitter widget in
  29.    ResizbleVerticalSplitView */
  30. .vertical-splitter {
  31.   background: #bfbfbf;
  32.   border-left: 1px inset black;
  33.   border-right: 1px solid black;
  34.   cursor: col-resize;
  35.   position: absolute;
  36.   user-select: none;
  37.   width: 8px;
  38. }
  39.  
  40. /* Needs to be wider on touch devices. */
  41. .touch .vertical-splitter {
  42.   width: 5mm;
  43. }
  44.  
  45. .log-source-entry {
  46.   margin: 5px;
  47. }
  48.  
  49. .log-source-entry * p {
  50.   font-size: 75%;
  51.   font-weight: bold;
  52. }
  53.  
  54. .log-source-entry * td {
  55.   font-size: 62%;
  56. }
  57.  
  58. /*
  59.  * This class should be given to top-level content boxes (like the view's main
  60.  * DIV). It gives them a consistent margin, and makes them scrollable.
  61.  */
  62. .content-box {
  63.   overflow: auto;
  64.   padding: 10px;
  65. }
  66.  
  67. /*
  68.  * Styles for TABLE that uses a thin collapsed border.
  69.  */
  70. table.styled-table {
  71.   border-collapse: collapse;
  72. }
  73.  
  74. table.styled-table,
  75. .styled-table th,
  76. .styled-table td {
  77.   border: 1px solid #777;
  78.   padding-left: 4px;
  79.   padding-right: 4px;
  80. }
  81.  
  82. .styled-table th {
  83.   background: rgb(224,236,255);
  84. }
  85.  
  86. .styled-table th.title {
  87.   background: rgb(255,217,217);
  88. }
  89.  
  90. /**
  91.  * Styling for event logs.
  92.  */
  93. .event-log p {
  94.   white-space: nowrap;
  95. }
  96.  
  97. .event-log h4 {
  98.   margin: 0;
  99. }
  100.  
  101. .event-log a {
  102.   font-weight: bold;
  103.   text-decoration: none;
  104. }
  105.  
  106. /**
  107.  * Styling for text indicating a potential problem or error state.
  108.  */
  109. .warning-text {
  110.   color: red;
  111. }
  112.  
  113. /**
  114.  * Styling for help windows that appear when mousing over an element.
  115.  */
  116. .mouse-over-help {
  117.   background: #EEE;
  118.   border: 1px solid black;
  119.   font-size: 80%;
  120.   padding: 5px;
  121.   z-index: 1;
  122. }
  123.  
  124. /**
  125.  * Styling for elements that show a help window on mouse over.
  126.  */
  127. .mouse-over-help-hover {
  128.   cursor: help;
  129. }
  130. </style>
  131.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  132.  * Use of this source code is governed by a BSD-style license that can be
  133.  * found in the LICENSE file.
  134.  */
  135.  
  136. #capture-status-view,
  137. #halted-status-view,
  138. #loaded-status-view {
  139.   color: #eee;
  140.   padding: 0 6px;
  141.   white-space: nowrap;
  142. }
  143.  
  144. #capture-status-view {
  145.   background: rgb(255, 0, 0);
  146. }
  147.  
  148. #halted-status-view {
  149.   background: rgb(0, 170, 0);
  150. }
  151.  
  152. #loaded-status-view {
  153.   background: rgb(136, 136, 204);
  154. }
  155.  
  156. #capture-status-view-toggle-extras {
  157.   -webkit-filter: invert();  /* Make it white! */
  158.   cursor: pointer;
  159. }
  160.  
  161. .capture-status-view-rotateleft {
  162.   -webkit-transform: rotate(90deg);
  163. }
  164.  
  165. .capture-status-view-rotateright {
  166.   -webkit-transform: rotate(270deg);
  167. }
  168. </style>
  169.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  170.  * Use of this source code is governed by a BSD-style license that can be
  171.  * found in the LICENSE file.
  172.  */
  173.  
  174. #events-view-filter-box {
  175.   background: #efefef;
  176.   border-bottom: 1px solid #aaa;
  177.   font-family: sans-serif;
  178.   font-size: 75%;
  179.   overflow: hidden;
  180.   padding: 5px;
  181.   white-space: nowrap;
  182. }
  183.  
  184. #events-view-filter-box input {
  185.   width: 100%;
  186. }
  187.  
  188. #events-view-action-box {
  189.   background: #efefef;
  190.   border-top: 1px solid gray;
  191.   overflow: hidden;
  192.   white-space: nowrap;
  193. }
  194.  
  195. #events-view-source-list {
  196.   overflow-x: hidden;
  197.   overflow-y: auto
  198. }
  199.  
  200. #events-view-source-list-table {
  201.   cursor: pointer;
  202. }
  203.  
  204. #events-view-source-list-table thead td {
  205.   background: rgb(229, 236, 249);
  206.   font-weight: bold;
  207.   text-align: left;
  208. }
  209.  
  210. #events-view-source-list-table td {
  211.   border-bottom: 1px solid #afafaf;
  212.   border-left: 1px solid #afafaf;
  213.   font-size: 75%;
  214.   padding: 3px;
  215.   text-overflow: ellipsis;
  216.   white-space: nowrap;
  217. }
  218.  
  219. #events-view-source-list-tbody .mouseover {
  220.   background: rgb(244,244,255);
  221. }
  222.  
  223. #events-view-source-list-tbody .selected {
  224.   background: rgb(195, 217, 255);
  225. }
  226.  
  227. #events-view-source-list-tbody .error {
  228.   background: rgb(255, 245, 245);
  229. }
  230.  
  231. #events-view-source-list-tbody .inactive {
  232.   background: rgb(245, 255, 245);
  233. }
  234.  
  235. #events-view-source-list-tbody .source-connect-job {
  236.   color: blue;
  237. }
  238.  
  239. #events-view-source-list-tbody .source-host-resolver-impl-job,
  240. #events-view-source-list-tbody .source-host-resolver-impl-request {
  241.   color: rgb(32, 96, 96);
  242. }
  243.  
  244. #events-view-source-list-tbody .source-disk-cache-entry,
  245. #events-view-source-list-tbody .source-memory-cache-entry {
  246.   color: #707070;
  247. }
  248.  
  249. #events-view-source-list-tbody .source-socket {
  250.   color: purple;
  251. }
  252.  
  253. #events-view-source-list-tbody .source-udp-socket {
  254.   color: rgb(128, 48, 48);
  255. }
  256.  
  257. #events-view-source-list-tbody .source-proxy-script-decider {
  258.   color: green;
  259. }
  260.  
  261. #events-view-source-list-tbody .source-download {
  262.   color: rgb(112, 112, 0);
  263. }
  264.  
  265. #events-view-source-list-tbody .source-filestream {
  266.   color: rgb(112, 0, 112);
  267. }
  268.  
  269. #events-view-source-list-tbody .source-ipv6-probe-job {
  270.   color: red;
  271. }
  272.  
  273. #events-view-source-list-tbody .source-none {
  274.   color: red;
  275. }
  276. </style>
  277.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  278.  * Use of this source code is governed by a BSD-style license that can be
  279.  * found in the LICENSE file.
  280.  */
  281.  
  282. #timeline-view-selection-div {
  283.   display: inline-block;
  284.   overflow-y: auto;
  285. }
  286.  
  287. #timeline-view-selection-toggle {
  288.   cursor: pointer;
  289. }
  290.  
  291. .timeline-view-rotateleft {
  292.   -webkit-transform: rotate(90deg);
  293. }
  294.  
  295. .timeline-view-rotateright {
  296.   -webkit-transform: rotate(270deg);
  297. }
  298.  
  299. #timeline-view-selection-div ul {
  300.   margin-top: 0;
  301.   padding-left: 10px;
  302. }
  303.  
  304. #timeline-view-selection-div li {
  305.   list-style: none;
  306.   white-space: nowrap;
  307. }
  308.  
  309. .timeline-view-text {
  310.   color: black;
  311. }
  312.  
  313. #timeline-view-open-sockets {
  314.   color: rgb(170, 0, 170);
  315. }
  316.  
  317. #timeline-view-in-use-sockets {
  318.   color: rgb(255, 51, 204);
  319. }
  320.  
  321. #timeline-view-url-requests {
  322.   color: black;
  323. }
  324.  
  325. #timeline-view-dns-requests {
  326.   color: rgb(102, 187, 187);
  327. }
  328.  
  329. #timeline-view-dns-jobs {
  330.   color: rgb(150, 20, 29);
  331. }
  332.  
  333. #timeline-view-bytes-received {
  334.   color: rgb(0, 187, 0);
  335. }
  336.  
  337. #timeline-view-bytes-sent {
  338.   color: red;
  339. }
  340.  
  341. #timeline-view-disk-cache-bytes-read {
  342.   color: rgb(0, 0, 255);
  343. }
  344.  
  345. #timeline-view-disk-cache-bytes-written {
  346.   color: #999;
  347. }
  348.  
  349. /* Need the id in this rule to override the above color rules. */
  350. #timeline-view-selection-div .timeline-view-hidden {
  351.   color: white;
  352. }
  353.  
  354. #timeline-view-graph-div {
  355.   background-color: white;
  356. }
  357.  
  358. #timeline-view-graph-canvas {
  359.   cursor: pointer;
  360.   padding: 10px 10px 2px;
  361. }
  362.  
  363. #timeline-view-scrollbar-div {
  364.   overflow-x: scroll;
  365.   overflow-y: hidden;
  366. }
  367.  
  368. #timeline-view-scrollbar-inner-div {
  369.   height: 1px;
  370. }
  371. </style>
  372.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  373.  * Use of this source code is governed by a BSD-style license that can be
  374.  * found in the LICENSE file.
  375.  */
  376.  
  377. .logs-view-log-cell-text,
  378. .logs-view-log-cell-log {
  379.   background-color: white;
  380. }
  381.  
  382. .logs-view-log-row-collapsed .logs-view-log-cell-log {
  383.   display: none;
  384. }
  385.  
  386. .logs-view-log-row-expanded .logs-view-log-cell-log {
  387.   display: table-cell;
  388. }
  389.  
  390. .logs-view-log-table-button-column {
  391.   text-align: center;
  392. }
  393.  
  394. .logs-view-log-button {
  395.   width: 85px;
  396. }
  397.  
  398. .logs-view-global-button {
  399.   float: left;
  400.   margin: 5px;
  401.   margin-top: 0;
  402.   width: 135px;
  403. }
  404.  
  405. #logs-view-log-table td {
  406.   font-family: 'Courier New', monospace;
  407.   font-size: 12px;
  408.   line-height: 17px;
  409.   padding: 3px 5px 0;
  410.   vertical-align: top;
  411.   white-space: pre;
  412. }
  413.  
  414. #logs-view-log-table-header-row th {
  415.   text-align: left;
  416. }
  417.  
  418. #logs-view-tab-content {
  419.   padding: 5px;
  420. }
  421. </style>
  422.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  423.  * Use of this source code is governed by a BSD-style license that can be
  424.  * found in the LICENSE file.
  425.  */
  426.  
  427. .tab-switcher-view {
  428.   border-right: 1px solid #aaa;
  429.   display: inline-block;
  430. }
  431.  
  432. .tab-switcher-view {
  433.   background: #eee;
  434.   overflow-x: hidden;
  435.   overflow-y: auto;
  436. }
  437.  
  438. .tab-switcher-view a {
  439.   display: block;
  440.   margin-top: 0.15em;
  441.   padding: 0.25em 0.5em 0.25em 0.5em;
  442.   text-decoration: none;
  443. }
  444.  
  445. .tab-switcher-view a:hover,
  446. .tab-switcher-view .selected {
  447.   background: white;
  448. }
  449.  
  450. .tab-switcher-view a:visited,
  451. .tab-switcher-view a  {
  452.   color: black;
  453. }
  454.  
  455. .tab-switcher-view a.selected {
  456.   color: rgb(221, 75, 57);
  457. }
  458. </style>
  459.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  460.  * Use of this source code is governed by a BSD-style license that can be
  461.  * found in the LICENSE file.
  462.  */
  463.  
  464. #chromeos-view-password-div,
  465. #chromeos-view-parse-status {
  466.   margin-top: 20px;
  467. }
  468. </style>
  469.     <script src="chrome://resources/js/util.js"></script>
  470.     <script src="chrome://resources/js/cr.js"></script>
  471.     <script src="chrome://net-internals/index.js"></script>
  472.     <script src="chrome://net-internals/strings.js"></script>
  473.   </head>
  474.   <body id=import-view-drop-target>
  475.     <!--
  476. Copyright (c) 2012 The Chromium Authors. All rights reserved.
  477. Use of this source code is governed by a BSD-style license that can be
  478. found in the LICENSE file.
  479. -->
  480.  
  481. <!-- Status bar at top of screen when in capture mode. -->
  482. <div id=capture-status-view>
  483.   <table width=100%><tr>
  484.     <td>
  485.       Capturing network events
  486.       (<span id=capture-status-view-captured-events-count
  487.              title='Number of events captured to this window'></span>)
  488.       <button id=capture-status-view-stop>Stop</button>
  489.       <button id=capture-status-view-reset>Reset</button>
  490.     </td>
  491.     <td align=right>
  492.       <img id=capture-status-view-toggle-extras
  493.           class=capture-status-view-rotateleft
  494.           src="chrome://resources/images/select.png">
  495.       <span id=capture-status-view-extras style="display:none">
  496.         <button id=capture-status-view-clear-cache class=warning-text>
  497.           Clear cache</button>
  498.         <button id=capture-status-view-flush-sockets class=warning-text>
  499.           Flush sockets</button>
  500.       </span>
  501.     </td>
  502.   </tr></table>
  503. </div>
  504.  
  505. <!-- Status bar at top of screen when capturing is stopped -->
  506. <div id=halted-status-view>
  507.   <!-- The use of a table here is to get things to center vertically.
  508.        We need this since the CSS adds padding to our DIV to make the
  509.        various status bars have similar heights.  -->
  510.   <table height=100%>
  511.     <tr valign=middle>
  512.       <td>Capturing halted</td>
  513.     </tr>
  514.   </table>
  515. </div>
  516.  
  517. <!-- Status bar at top of screen when displaying a loaded dump file -->
  518. <div id=loaded-status-view>
  519.   <!-- The use of a table here is to get things to center vertically.
  520.        We need this since the CSS adds padding to our DIV to make the
  521.        various status bars have similar heights.  -->
  522.   <table height=100%>
  523.     <tr valign=middle>
  524.       <td>
  525.         Displaying log file (<span id=loaded-status-view-dump-file-name></span>)
  526.       </td>
  527.     </tr>
  528.   </table>
  529. </div>
  530.  
  531.     <!-- Tab switcher for main categories. -->
  532. <div id=category-tab-handles class="tab-switcher-view">
  533.   <a href="#capture" id=tab-handle-capture>Capture</a>
  534.   <a href="#export" id=tab-handle-export>Export</a>
  535.   <a href="#import" id=tab-handle-import>Import</a>
  536.   <a href="#proxy" id=tab-handle-proxy>Proxy</a>
  537.   <a href="#events" id=tab-handle-events>Events</a>
  538.   <a href="#timeline" id=tab-handle-timeline>Timeline</a>
  539.   <a href="#dns" id=tab-handle-dns>DNS</a>
  540.   <a href="#sockets" id=tab-handle-sockets>Sockets</a>
  541.   <a href="#spdy" id=tab-handle-spdy>SPDY</a>
  542.   <a href="#httpPipeline" id=tab-handle-http-pipeline>Pipelining</a>
  543.   <a href="#httpCache" id=tab-handle-http-cache>Cache</a>
  544.   <!-- Tab is only shown on Windows -->
  545.   <a href="#serviceProviders" id=tab-handle-service-providers style="display: none;">SPIs</a>
  546.   <a href="#tests" id=tab-handle-tests>Tests</a>
  547.   <a href="#hsts" id=tab-handle-hsts>HSTS</a>
  548.   <!-- Tab is only shown on ChromeOS -->
  549.   <a href="#logs" id=tab-handle-logs style="display: none;">Logs</a>
  550.   <a href="#bandwidth" id=tab-handle-bandwidth>Bandwidth</a>
  551.   <a href="#prerender" id=tab-handle-prerender>Prerender</a>
  552.   <a href="#chromeos" id=tab-handle-chromeos>ChromeOS</a>
  553. </div>
  554.  
  555.  
  556.     <!-- Proxy info -->
  557.  
  558. <style>
  559.  
  560. #proxy-view-tab-content td,
  561. #proxy-view-tab-content th {
  562.   font-size: 85%;
  563. }
  564.  
  565. </style>
  566.  
  567. <div id=proxy-view-tab-content class=content-box>
  568.   <h4>
  569.     Current proxy settings
  570.     <input type=button value="Re-apply settings" id=proxy-view-reload-settings class="hide-when-not-capturing">
  571.   </h4>
  572.  
  573.   <table><tr>
  574.  
  575.   <td valign=top>
  576.   <h3>Effective settings</h3>
  577.   <pre id=proxy-view-effective-settings></pre>
  578.   </td>
  579.  
  580.   <td style='width: 30px'> </td>
  581.  
  582.   <td valign=top>
  583.   <h3>Original settings</h3>
  584.   <pre id=proxy-view-original-settings></pre>
  585.   </td>
  586.  
  587.   </tr></table>
  588.  
  589.   <h4>
  590.     Recently failed proxies, marked as bad
  591.     <input type=button value="Clear bad proxies" id=proxy-view-clear-bad-proxies class="hide-when-not-capturing">
  592.   </h4>
  593.   <table class="styled-table">
  594.     <thead>
  595.       <tr>
  596.         <th>Bad proxy server</th>
  597.         <th>Time for next retry</th>
  598.       </tr>
  599.     </thead>
  600.     <tbody id=proxy-view-bad-proxies-tbody></tbody>
  601.   </table>
  602. </div>
  603.  
  604.     <!-- Host resolver info -->
  605. <div id=dns-view-tab-content class=content-box>
  606.   <h4>Host resolver</h4>
  607.   <ul>
  608.     <li><a href='#events&q=type:HOST_RESOLVER_IMPL_REQUEST,HOST_RESOLVER_IMPL_JOB%20is:active'>View pending lookups</a></li>
  609.     <li>Default address family: <span id=dns-view-default-family></span>
  610.       <span id=dns-view-ipv6-disabled class=warning-text style="display: none;">
  611.         (IPv6 disabled)
  612.         <input type=button value="Enable IPv6" id=dns-view-enable-ipv6 class="hide-when-not-capturing">
  613.       </span>
  614.     </li>
  615.     <li>
  616.       <span id=dns-view-ipv6-probe-complete style="display: none;">IPv6 probe complete</span>
  617.       <span id=dns-view-ipv6-probe-running class=warning-text style="display: none;">IPv6 probe running</span>
  618.       <input type=button value="Run IPv6 Probe" id=dns-view-run-ipv6-probe class="hide-when-not-capturing">
  619.     </li>
  620.     <li><a href="#events&q=type:IPV6_PROBE_JOB">View all IPv6 probe events</a></li>
  621.   </ul>
  622.  
  623.   <div>
  624.     <h4>Async DNS Configuration</h4>
  625.     <ul>
  626.       <li>Internal DNS client enabled:
  627.         <span id=dns-view-internal-dns-enabled></span>
  628.         <span id=dns-view-internal-dns-invalid-config class=warning-text style="display: none;">
  629.           (No valid configuration found)</span>
  630.       </li>
  631.     </ul>
  632.     <table class="styled-table">
  633.       <tbody id=dns-view-internal-dns-config-tbody></tbody>
  634.     </table>
  635.   </div>
  636.  
  637.   <h4>
  638.     Host resolver cache
  639.     <input type=button value="Clear host cache" id=dns-view-clear-cache class="hide-when-not-capturing">
  640.   </h4>
  641.   <ul>
  642.     <li>Capacity: <span id=dns-view-cache-capacity></span></li>
  643.   </ul>
  644.   <h4>Current State</h4>
  645.   <ul>
  646.     <li>Active entries: <span id=dns-view-cache-active></span></li>
  647.     <li>Expired entries: <span id=dns-view-cache-expired></span></li>
  648.   </ul>
  649.  
  650.   <table class="styled-table">
  651.     <thead>
  652.       <tr>
  653.         <th>Hostname</th>
  654.         <th>Family</th>
  655.         <th>Addresses</th>
  656.         <th>Expires</th>
  657.       </tr>
  658.     </thead>
  659.     <tbody id=dns-view-cache-tbody>
  660.     </tbody>
  661.   </table>
  662. </div>
  663.  
  664.     <div id=sockets-view-tab-content class=content-box>
  665.   <h4>Socket pools</h4>
  666.   <ul>
  667.     <li class="hide-when-not-capturing">
  668.       <input type=button value="Close idle sockets" id=sockets-view-close-idle-button>
  669.     </li>
  670.     <li class="hide-when-not-capturing">
  671.       <input type=button value="Flush socket pools" id=sockets-view-flush-button>
  672.       <span class=warning-text>May break pages with active connections</span>
  673.     </li>
  674.     <li><a href='#events&q=type:SOCKET%20is:active'>View live sockets</a>
  675.     </li>
  676.   </ul>
  677.   <p>
  678.     <div id=sockets-view-pool-div>
  679.     </div>
  680.   </p>
  681.   <p>
  682.     <div id=sockets-view-pool-groups-div>
  683.     </div>
  684.   </p>
  685. </div>
  686.  
  687.     <div id=spdy-view-tab-content class=content-box>
  688.   <h4>SPDY Status</h4>
  689.   <ul>
  690.     <li>SPDY Enabled: <span id=spdy-view-enabled-span>????</span></li>
  691.     <li>Use Alternate Protocol: <span id=spdy-view-alternate-protocol-span>????</span></li>
  692.     <li>Force SPDY Always: <span id=spdy-view-force-always-span>????</span></li>
  693.     <li>Force SPDY Over SSL: <span id=spdy-view-force-over-ssl-span>????</span></li>
  694.     <li>Next Protocols: <span id=spdy-view-next-protocols-span>????</span></li>
  695.   </ul>
  696.  
  697.   <h4>SPDY sessions</h4>
  698.     <!-- Only one of these two are shown -->
  699.     <span id=spdy-view-session-none-span>None</span>
  700.     <span id=spdy-view-session-link-span style="display: none;">
  701.       <a href="#events&q=type:SPDY_SESSION%20is:active">View live SPDY sessions</a>
  702.     </span>
  703.   <p>
  704.     <div id=spdy-view-session-div>
  705.     </div>
  706.   </p>
  707.  
  708.   <h4>Alternate Protocol Mappings</h4>
  709.   <p>
  710.     <div id=spdy-view-alternate-protocol-mappings-div>
  711.     </div>
  712.   </p>
  713. </div>
  714.  
  715.     <div id=http-pipeline-view-tab-content class=content-box>
  716.   <h4>HTTP Pipelining Status</h4>
  717.   <ul>
  718.     <li>HTTP Pipelining Enabled: <span id=http-pipeline-view-enabled-span>????</span></li>
  719.   </ul>
  720.  
  721.   <h4>HTTP Pipelined Connections</h4>
  722.     <!-- Only one of these two are shown -->
  723.     <span id=http-pipeline-view-connections-none-span>None</span>
  724.     <span id=http-pipeline-view-connections-link-span style="display: none;">
  725.       <a href="#events&q=type:HTTP_PIPELINED_CONNECTION%20is:active">View live HTTP pipelined connections</a>
  726.     </span>
  727.   <p>
  728.     <div id=http-pipeline-view-connections-div>
  729.     </div>
  730.   </p>
  731.  
  732.   <h4>Known Hosts</h4>
  733.   <p>
  734.     <div id=http-pipeline-view-known-hosts-div>
  735.     </div>
  736.   </p>
  737. </div>
  738.  
  739.     <div id=http-cache-view-tab-content class=content-box>
  740.   <div class="hide-when-not-capturing">
  741.     <h4>Entries</h4>
  742.     <a href="chrome://view-http-cache" target=_blank>Explore cache entries</a>
  743.   </div>
  744.  
  745.   <h4>Statistics</h4>
  746.   <div id=http-cache-view-cache-stats>Nothing loaded yet.</div>
  747. </div>
  748.  
  749.     <!-- Bandwidth info -->
  750. <div id=bandwidth-view-tab-content class=content-box>
  751.   <h4> Bandwidth Usage</h4>
  752.   <div id=bandwidth-usage-table></div>
  753. </div>
  754.  
  755.     <div id=prerender-view-tab-content class=content-box>
  756.   <h4>Prerender</h4>
  757.   <ul>
  758.     <li>Prerender Enabled: <span id=prerender-view-enabled-span></span></li>
  759.     <li>Prerender Omnibox Enabled: 
  760.         <span id=prerender-view-omnibox-enabled-span></span></li>
  761.   </ul>
  762.   <p>
  763.     Active Prerender Pages
  764.     <div id=prerender-view-active-div>
  765.     </div>
  766.   </p>
  767.   <p>
  768.     Prerender History
  769.     <div id=prerender-view-history-div>
  770.     </div>
  771.   </p>
  772. </div>
  773.  
  774.     <!-- Only shown on Windows -->
  775. <div id=service-providers-view-tab-content style="display: none;" class=content-box>
  776.   <h4>Layered Service Providers</h4>
  777.   <table class="styled-table">
  778.     <thead>
  779.       <tr>
  780.         <th>Name</th>
  781.         <th>Version</th>
  782.         <th>Type</th>
  783.         <th>Socket Type</th>
  784.         <th>Protocol</th>
  785.         <th>Path</th>
  786.       </tr>
  787.     </thead>
  788.     <tbody id=service-providers-view-tbody>
  789.     </tbody>
  790.   </table>
  791.   <h4>Namespace Providers</h4>
  792.   <table class="styled-table">
  793.     <thead>
  794.       <tr>
  795.         <th>Name</th>
  796.         <th>Version</th>
  797.         <th>Namespace</th>
  798.         <th>Active</th>
  799.       </tr>
  800.     </thead>
  801.     <tbody id=service-providers-view-namespace-providers-tbody>
  802.     </tbody>
  803.   </table>
  804. </div>
  805.  
  806.     <style>
  807. #import-view-command-line,
  808. #import-view-user-comments {
  809.   /* Wrap long lines inside of PREs */
  810.   white-space: pre-wrap;
  811. }
  812.  
  813. #import-view-load-status-text {
  814.   /* Wrap long lines inside of PREs */
  815.   white-space: pre-wrap;
  816. }
  817.  
  818. .import-view-pending-log {
  819.   color: blue;
  820.   font-weight: bold;
  821. }
  822.  
  823. .import-view-success-log {
  824.   color: green;
  825.   font-weight: bold;
  826. }
  827.  
  828. .import-view-error-log {
  829.   color: red;
  830.   padding: 5px;
  831.   border: 1px solid red;
  832. }
  833.  
  834. .import-view-warning-log {
  835.   color: red;
  836. }
  837.  
  838. </style>
  839.  
  840. <div id=import-view-tab-content class=content-box>
  841.  
  842.   <div id=import-view-loaded-div style="display: none">
  843.     <h2>Data Loaded</h2>
  844.     <table class=styled-table>
  845.     <tr>
  846.       <th>Export date</th>
  847.       <td id=import-view-export-date></td>
  848.     </tr>
  849.     <tr>
  850.       <th>Build</th>
  851.       <td id=import-view-build-name></td>
  852.     </tr>
  853.     <tr>
  854.       <th>OS type</th>
  855.       <td id=import-view-os-type></td>
  856.     </tr>
  857.     <tr>
  858.       <th>Command line</th>
  859.       <td><pre id=import-view-command-line></pre></td>
  860.     </tr>
  861.     <tr>
  862.       <th>User comments</th>
  863.       <td><pre id=import-view-user-comments></pre></td>
  864.     </tr>
  865.     </table>
  866.   </div>
  867.   <div>
  868.     <h2>Load data</h2>
  869.     <p><input type=file value="Load log from file" id=import-view-load-log-file></p>
  870.     <ul>
  871.       <li><b>TIP</b>: Try drag-and-drop into this window!</li>
  872.     </ul>
  873.     <pre id=import-view-load-status-text></pre>
  874.   </div>
  875. </div>
  876.  
  877.     <style>
  878.  
  879. .export-view-explanation-warning {
  880.   border: 2px solid red;
  881. }
  882.  
  883. #export-view-privacy-warning {
  884.   padding: 5px;
  885.   color: red;
  886.   border: 1px solid red;
  887. }
  888.  
  889. #export-view-save-log-file {
  890.   font-size: 100%;
  891.   font-weight: bold;
  892. }
  893.  
  894. #export-view-user-comments {
  895.   max-width: 100%;
  896. }
  897.  
  898. </style>
  899.  
  900. <div id=export-view-tab-content class=content-box>
  901.  
  902.   <h2>Dump data</h2>
  903.   <div style="margin: 8px">
  904.     <p><input id=export-view-privacy-stripping-checkbox type=checkbox checked=yes>
  905.        <label id=export-view-privacy-stripping-checkbox>
  906.          Strip private information (cookies and credentials).
  907.        </label>
  908.        <div id=export-view-privacy-warning style="display:none">
  909.          <b>WARNING</b>: Events were captured while full byte logging was enabled.
  910.          This means the dump may contain private information.
  911.        </div>
  912.     </p>
  913.     <textarea cols=50 rows=5 placeholder="Explain what went wrong here. (These notes will be included in the dump file. Be sure to mention the specific URLs, so investigators know what to look for!)" id=export-view-user-comments></textarea>
  914.     <div>
  915.       <button id=export-view-save-log-file>Dump to file</button>
  916.     </div>
  917.     <pre id=export-view-save-status-text></pre>
  918.  
  919.     <ul>
  920.       <li><b>IMPORTANT</b>: First reproduce the problem while in recording mode.</li>
  921.     </ul>
  922.     <p>
  923.       For more information see: 
  924.       <a href="chrome://net-internals/help.html" target="_blank">
  925.         How to get data for bug reports?
  926.       </a>
  927.     </p>
  928.   </div>
  929.  
  930.   <a style="display: none" id=export-view-download-anchor download="net-internals-log.json"></a>
  931.  
  932. </div>
  933.  
  934.     <div id=capture-view-tab-content class=content-box>
  935.   <h2>Capture options</h2>
  936.  
  937.   <p>
  938.   <input id=capture-view-limit-checkbox type=checkbox>
  939.   <label for='capture-view-limit-checkbox'>
  940.     Discard old data under memory pressure.
  941.     <i>(If you capture all events for a long time, it is possible to exhaust memory and crash. Throwing out older data avoids this problem.)</i>
  942.   </label>
  943.   </p>
  944.  
  945.   <p>
  946.   <input id=capture-view-byte-logging-checkbox type=checkbox>
  947.   <label for='capture-view-byte-logging-checkbox'>
  948.     Include the actual bytes sent/received.
  949.     <i>(This will result in huge log files, and can expose sensitive data)</i>
  950.   </label>
  951.   </p>
  952.  
  953.   <ul>
  954.     <li>
  955.     <b>TIP</b>: <a href="#" id=capture-view-tip-anchor>logging from the command line</a>.
  956.  
  957.     <div style="display:none; margin-top: 10px" id=capture-view-tip-div>
  958.       Another way to capture network events is by using the command line flag:
  959.       <blockquote>
  960.         --log-net-log=<i>FILENAME</i> [ --net-log-level=<i>NUMBER</i> ]
  961.       </blockquote>
  962.       This will stream the network events directly to a file of your choosing. If you additionally want it to log the network bytes, then pass --net-log-level=0.
  963.     </div>
  964.  
  965.     </li>
  966.   </ul>
  967.  
  968. </div>
  969.  
  970.     <!-- Connection tests -->
  971. <div id="test-view-tab-content" class="content-box">
  972.   <p>Input a URL which failed to load, and then click the button to run some
  973.      tests for why it failed.</p>
  974.   <form id="test-view-connection-tests-form">
  975.     URL: <input id="test-view-url-input" type="text">
  976.     <input id="test-view-connection-tests-submit" type="submit"
  977.         value="Start tests">
  978.   </form>
  979.   <div id="test-view-summary"></div>
  980. </div>
  981.  
  982.     <style>
  983.   #hsts-view-tab-content tt {
  984.     word-wrap: break-word;
  985.   }
  986. </style>
  987.   
  988. <!-- HSTS tab -->
  989. <div id=hsts-view-tab-content class=content-box>
  990.   <p>
  991.     HSTS is HTTPS Strict Transport Security: a way for sites to elect to
  992.     always use HTTPS. See <a href="http://dev.chromium.org/sts" target=_blank>
  993.     http://dev.chromium.org/sts</a>.</p>
  994.  
  995.     <!-- This UI allows a user to query and update the browser's list of
  996.          HSTS domains. -->
  997.  
  998.   <h4>Add domain</h4>
  999.  
  1000.   <p>Input a domain name to add it to the HSTS set:</p>
  1001.   <form id=hsts-view-add-form>
  1002.     Domain: <input type=text id=hsts-view-add-input type="url"
  1003.              placeholder="example.com"><br>
  1004.     Include subdomains: <input type="checkbox" id=hsts-view-check-input><br>
  1005.     Public key fingerprints: <input type=text id=hsts-view-add-pins style="width: 25em; max-width: 100%;"><br>
  1006.     <p style="font-size: small; color: gray; font-style: italic; margin-left: 2em; max-width: 40em; max-width: 100%;">(public key fingerprints are comma separated and consist of the hash function followed by a foreslash and the base64 encoded fingerprint, for example <tt>sha1/Guzek9lMwR3KeIS8wwS9gBvVtIg=</tt>)</p>
  1007.     <input type=submit value="Add" id=hsts-view-add-submit>
  1008.   </form>
  1009.  
  1010.   <h4>Delete domain</h4>
  1011.  
  1012.   <p>
  1013.     Input a domain name to delete it from the HSTS set
  1014.     (<i>you cannot delete preloaded entries</i>):
  1015.   </p>
  1016.   <form id=hsts-view-delete-form>
  1017.     Domain: <input type=text id=hsts-view-delete-input type="url"
  1018.              placeholder="example.com">
  1019.     <input type=submit value="Delete" id=hsts-view-delete-submit>
  1020.   </form>
  1021.  
  1022.   <h4>Query domain</h4>
  1023.  
  1024.   <p>Input a domain name to query the current HSTS set:</p>
  1025.   <form id=hsts-view-query-form>
  1026.     Domain: <input type=text id=hsts-view-query-input type="url"
  1027.              placeholder="example.com">
  1028.     <input type=submit value="Query" id=hsts-view-query-submit>
  1029.   </form>
  1030.   <div style="margin-top: 1em; margin-left: 2em;" id=hsts-view-query-output></div>
  1031. </div>
  1032.  
  1033.     <!-- ================= Events view =================== -->
  1034.  
  1035. <!-- Filter Box: This the top bar which contains the search box.  -->
  1036. <div id=events-view-filter-box>
  1037.   <table width=100%>
  1038.     <tr>
  1039.       <td width=1%>
  1040.         Filter <span id=events-view-filter-help-hover class=mouse-over-help-hover>(?)</span>:
  1041.       </td>
  1042.       <td width=98%><input type="search" incremental id=events-view-filter-input></td>
  1043.       <td width=1% id=events-view-filter-count>(1 of 34)</td>
  1044.     </tr>
  1045.   </table>
  1046. </div>
  1047. <!-- Inline filter help -->
  1048. <div id=events-view-filter-help class=mouse-over-help>
  1049.   Sort options:
  1050.   <ul>
  1051.     <li>sort:id (default)
  1052.     <li>sort:desc
  1053.     <li>sort:duration
  1054.     <li>sort:type
  1055.     <li>sort:-<option> Reverses sort order
  1056.   </ul>
  1057.  
  1058.   Additional filters:
  1059.   <ul>
  1060.     <li>id:#[,#]*
  1061.     <li>type:<type>[,<type>]*
  1062.     <li>is:active
  1063.     <li>is:error
  1064.     <li>is:-<option> Inverts "is" filter.
  1065.   </ul>
  1066. </div>
  1067. <!-- Events Box: This the panel on the left which lists the sources -->
  1068. <div id=events-view-source-list>
  1069.   <table id=events-view-source-list-table cellspacing=0 cellpadding=0 width=100%>
  1070.     <thead>
  1071.       <tr>
  1072.         <td style='border-left:0'><input type=checkbox id=events-view-select-all></td>
  1073.         <td id=events-view-sort-by-id>ID</td>
  1074.         <td id=events-view-sort-by-source>Source Type</td>
  1075.         <td id=events-view-sort-by-description width=99%>Description</td>
  1076.       </tr>
  1077.     </thead>
  1078.     <!-- Events table body: This is where request rows go into -->
  1079.     <tbody id=events-view-source-list-tbody></tbody>
  1080.   </table>
  1081. </div>
  1082. <!-- Splitter Box: This is a handle to resize the vertical divider -->
  1083. <div id=events-view-splitter-box class=vertical-splitter></div>
  1084. <!-- Details box: This is the panel on the right which shows information -->
  1085. <div id=events-view-details-log-box class="event-log content-box"></div>
  1086.  
  1087.     <div id=timeline-view-selection-div>
  1088.   <div style="text-align: right">
  1089.     <img id=timeline-view-selection-toggle
  1090.          class=timeline-view-rotateleft
  1091.          src='chrome://resources/images/select.png'>
  1092.   </div>
  1093. <ul id=timeline-view-selection-ul>
  1094.   <li id=timeline-view-open-sockets><label><input type=checkbox checked>
  1095.     █ <span class=timeline-view-text>Open sockets</span></label>
  1096.   </li>
  1097.   <li id=timeline-view-in-use-sockets><label><input type=checkbox checked>
  1098.     █ <span class=timeline-view-text>In use sockets</span></label>
  1099.   </li>
  1100.   <li id=timeline-view-url-requests><label><input type=checkbox checked>
  1101.     █ <span class=timeline-view-text>URL requests</span></label>
  1102.   </li>
  1103.   <li id=timeline-view-dns-requests><label><input type=checkbox checked>
  1104.     █ <span class=timeline-view-text>DNS requests</span></label>
  1105.   </li>
  1106.   <li id=timeline-view-dns-jobs><label><input type=checkbox checked>
  1107.     █ <span class=timeline-view-text>DNS jobs</span></label>
  1108.   </li>
  1109.   <li id=timeline-view-bytes-received><label><input type=checkbox checked>
  1110.     █ <span class=timeline-view-text>Bytes received</span></label>
  1111.   </li>
  1112.   <li id=timeline-view-bytes-sent><label><input type=checkbox checked>
  1113.     █ <span class=timeline-view-text>Bytes sent</span></label>
  1114.   </li>
  1115.   <li id=timeline-view-disk-cache-bytes-read><label><input type=checkbox checked>
  1116.     █ <span class=timeline-view-text>Disk cache bytes read</span></label>
  1117.   </li>
  1118.   <li id=timeline-view-disk-cache-bytes-written><label><input type=checkbox>
  1119.     █ <span class=timeline-view-text>Disk cache bytes written</span></label>
  1120.   </li>
  1121. </ul>
  1122. </div>
  1123. <div id=timeline-view-graph-div>
  1124.   <canvas id=timeline-view-graph-canvas>
  1125.   </canvas>
  1126. </div>
  1127. <div id=timeline-view-scrollbar-div>
  1128.   <div id=timeline-view-scrollbar-inner-div>
  1129.   </div>
  1130. </div>
  1131.  
  1132.     <!-- ============================ Logs View ============================ -->
  1133.  
  1134. <div id=logs-view-tab-content style="display: none;" class=content-box>
  1135.   <h4>Network Log Data</h4>
  1136.   <button id=logs-view-global-show-btn class=logs-view-global-button>Show all...</button>
  1137.   <button id=logs-view-global-hide-btn class=logs-view-global-button>Hide all...</button>
  1138.   <button id=logs-view-refresh-btn class=logs-view-global-button>Refresh logs...</button>
  1139.   <div style="clear: both"></div>
  1140.   <table width=100% class=styled-table>
  1141.     <thead>
  1142.       <tr id=logs-view-log-table-header-row>
  1143.         <th width=10%>Log Name</th>
  1144.         <th width=8%></th>
  1145.         <th width=82%>Log</th>
  1146.       </tr>
  1147.     </thead>
  1148.     <tbody id=logs-view-log-table>
  1149.     </tbody>
  1150.   </table>
  1151. </div>
  1152.  
  1153.     <div id="chromeos-view-tab-content" class=content-box>
  1154.   <h3>Import ONC file</h3>
  1155.   <div id="chromeos-view-import-div">
  1156.     <input type="file" id="chromeos-view-import-onc">
  1157.   </div>
  1158.   <div id="chromeos-view-password-div" hidden>
  1159.     This onc file appears to be encrypted.  Please provide the decryption key:
  1160.     <div>
  1161.       <input type="password" id="chromeos-view-onc-password">
  1162.     </div>
  1163.   </div>
  1164.   <div id="chromeos-view-parse-status" hidden>
  1165.   </div>
  1166.   <div id="chromeos-view-store-debug-logs-div">
  1167.     <h3>Store Logs</h3>
  1168.     <input type="button"
  1169.            id="chromeos-view-store-debug-logs"
  1170.            value="Store Debug Logs">
  1171.     <label for="chromeos-view-store-debug-logs"
  1172.            id="chromeos-view-store-debug-logs-status">
  1173.     </label>
  1174.   </div>
  1175.   <div id="chromeos-view-network-debugging-div">
  1176.     <h3>Network Debugging</h3>
  1177.     <dl>
  1178.       <dt>Select interface for debugging</dt>
  1179.       <dd>
  1180.         <input type="button"
  1181.                value="Wi-Fi"
  1182.                id="chromeos-view-network-debugging-wifi">
  1183.         <input type="button"
  1184.                value="Ethernet"
  1185.                id="chromeos-view-network-debugging-ethernet">
  1186.         <input type="button"
  1187.                value="Cellular"
  1188.                id="chromeos-view-network-debugging-cellular">
  1189.         <input type="button"
  1190.                value="WiMAX"
  1191.                id="chromeos-view-network-debugging-wimax">
  1192.         <input type="button"
  1193.                name="subsystem"
  1194.                value="None"
  1195.                id="chromeos-view-network-debugging-none">
  1196.       </dd>
  1197.     </dl>
  1198.     <label id="chromeos-view-network-debugging-status">
  1199.     </label>
  1200.   </div>
  1201. </div>
  1202.  
  1203.  
  1204.     <script src="chrome://resources/js/i18n_template.js"></script>
  1205.     <script src="chrome://resources/js/i18n_process.js"></script>
  1206.     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
  1207.   </body>
  1208. </html>
  1209.